<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>iconfont Demo</title>
    <link
      rel="shortcut icon"
      href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"
      type="image/x-icon"
    />
    <link
      rel="icon"
      type="image/svg+xml"
      href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"
    />
    <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css" />
    <link rel="stylesheet" href="demo.css" />
    <link rel="stylesheet" href="iconfont.css" />
    <script src="iconfont.js"></script>
    <!-- jQuery -->
    <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
    <!-- 代码高亮 -->
    <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
    <style>
      .main .logo {
        margin-top: 0;
        height: auto;
      }

      .main .logo a {
        display: flex;
        align-items: center;
      }

      .main .logo .sub-title {
        margin-left: 0.5em;
        font-size: 22px;
        color: #fff;
        background: linear-gradient(-45deg, #3967ff, #b500fe);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }
    </style>
  </head>
  <body>
    <div class="main">
      <h1 class="logo">
        <a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
          <img
            width="200"
            src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg"
          />
        </a>
      </h1>
      <div class="nav-tabs">
        <ul id="tabs" class="dib-box">
          <li class="dib active"><span>Unicode</span></li>
          <li class="dib"><span>Font class</span></li>
          <li class="dib"><span>Symbol</span></li>
        </ul>

        <a
          href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=4185682"
          target="_blank"
          class="nav-more"
          >查看项目</a
        >
      </div>
      <div class="tab-container">
        <div class="content unicode" style="display: block">
          <ul class="icon_lists dib-box">
            <li class="dib">
              <span class="icon iconfont">&#xe75b;</span>
              <div class="name">收藏</div>
              <div class="code-name">&amp;#xe75b;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe75a;</span>
              <div class="name">删除1</div>
              <div class="code-name">&amp;#xe75a;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe758;</span>
              <div class="name">yewu</div>
              <div class="code-name">&amp;#xe758;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe759;</span>
              <div class="name">shuju</div>
              <div class="code-name">&amp;#xe759;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe756;</span>
              <div class="name">wenjianjia</div>
              <div class="code-name">&amp;#xe756;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe757;</span>
              <div class="name">menlei</div>
              <div class="code-name">&amp;#xe757;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe755;</span>
              <div class="name">loading</div>
              <div class="code-name">&amp;#xe755;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe753;</span>
              <div class="name">节点</div>
              <div class="code-name">&amp;#xe753;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe754;</span>
              <div class="name">模版</div>
              <div class="code-name">&amp;#xe754;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe751;</span>
              <div class="name">下</div>
              <div class="code-name">&amp;#xe751;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe752;</span>
              <div class="name">上</div>
              <div class="code-name">&amp;#xe752;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe750;</span>
              <div class="name">上下图标</div>
              <div class="code-name">&amp;#xe750;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe749;</span>
              <div class="name">标签设置</div>
              <div class="code-name">&amp;#xe749;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe74a;</span>
              <div class="name">全宗卷节点</div>
              <div class="code-name">&amp;#xe74a;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe74b;</span>
              <div class="name">表单设置</div>
              <div class="code-name">&amp;#xe74b;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe74c;</span>
              <div class="name">批量挂接</div>
              <div class="code-name">&amp;#xe74c;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe74d;</span>
              <div class="name">首页设置</div>
              <div class="code-name">&amp;#xe74d;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe74e;</span>
              <div class="name">报表设置</div>
              <div class="code-name">&amp;#xe74e;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe74f;</span>
              <div class="name">视图设置</div>
              <div class="code-name">&amp;#xe74f;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe745;</span>
              <div class="name">保留处置</div>
              <div class="code-name">&amp;#xe745;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe746;</span>
              <div class="name">库房</div>
              <div class="code-name">&amp;#xe746;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe747;</span>
              <div class="name">类目保管期限</div>
              <div class="code-name">&amp;#xe747;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe748;</span>
              <div class="name">对接系统配置</div>
              <div class="code-name">&amp;#xe748;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe741;</span>
              <div class="name">提醒</div>
              <div class="code-name">&amp;#xe741;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe742;</span>
              <div class="name">档案</div>
              <div class="code-name">&amp;#xe742;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe743;</span>
              <div class="name">压缩包</div>
              <div class="code-name">&amp;#xe743;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe744;</span>
              <div class="name">类目</div>
              <div class="code-name">&amp;#xe744;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe740;</span>
              <div class="name">单位</div>
              <div class="code-name">&amp;#xe740;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe69e;</span>
              <div class="name">详情</div>
              <div class="code-name">&amp;#xe69e;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6a0;</span>
              <div class="name">文件夹</div>
              <div class="code-name">&amp;#xe6a0;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6a1;</span>
              <div class="name">文件夹-2</div>
              <div class="code-name">&amp;#xe6a1;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6a2;</span>
              <div class="name">打开文件夹</div>
              <div class="code-name">&amp;#xe6a2;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6a3;</span>
              <div class="name">文件夹-2备份</div>
              <div class="code-name">&amp;#xe6a3;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6a4;</span>
              <div class="name">链接</div>
              <div class="code-name">&amp;#xe6a4;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6aa;</span>
              <div class="name">文件压缩包</div>
              <div class="code-name">&amp;#xe6aa;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe73d;</span>
              <div class="name">文件</div>
              <div class="code-name">&amp;#xe73d;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe73e;</span>
              <div class="name">下载</div>
              <div class="code-name">&amp;#xe73e;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe73f;</span>
              <div class="name">删除</div>
              <div class="code-name">&amp;#xe73f;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe73b;</span>
              <div class="name">组件库</div>
              <div class="code-name">&amp;#xe73b;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe73c;</span>
              <div class="name">组件库</div>
              <div class="code-name">&amp;#xe73c;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe739;</span>
              <div class="name">wpbs</div>
              <div class="code-name">&amp;#xe739;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe738;</span>
              <div class="name">移动</div>
              <div class="code-name">&amp;#xe738;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe737;</span>
              <div class="name">电子文件归档</div>
              <div class="code-name">&amp;#xe737;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe736;</span>
              <div class="name">多媒体信息采集</div>
              <div class="code-name">&amp;#xe736;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe706;</span>
              <div class="name">数字档案室</div>
              <div class="code-name">&amp;#xe706;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe735;</span>
              <div class="name">分配管理</div>
              <div class="code-name">&amp;#xe735;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe734;</span>
              <div class="name">报审管理</div>
              <div class="code-name">&amp;#xe734;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe733;</span>
              <div class="name">系统日志</div>
              <div class="code-name">&amp;#xe733;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe731;</span>
              <div class="name">策略设定</div>
              <div class="code-name">&amp;#xe731;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe732;</span>
              <div class="name">创建维护</div>
              <div class="code-name">&amp;#xe732;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe730;</span>
              <div class="name">模版库</div>
              <div class="code-name">&amp;#xe730;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe72e;</span>
              <div class="name">算法模型管理</div>
              <div class="code-name">&amp;#xe72e;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe72f;</span>
              <div class="name">数据目录管理</div>
              <div class="code-name">&amp;#xe72f;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe726;</span>
              <div class="name">满意度调查</div>
              <div class="code-name">&amp;#xe726;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe727;</span>
              <div class="name">待办</div>
              <div class="code-name">&amp;#xe727;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe728;</span>
              <div class="name">退出</div>
              <div class="code-name">&amp;#xe728;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe729;</span>
              <div class="name">密码</div>
              <div class="code-name">&amp;#xe729;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe72a;</span>
              <div class="name">提示</div>
              <div class="code-name">&amp;#xe72a;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe72b;</span>
              <div class="name">个人信息</div>
              <div class="code-name">&amp;#xe72b;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe72c;</span>
              <div class="name">搜索</div>
              <div class="code-name">&amp;#xe72c;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe72d;</span>
              <div class="name">消息</div>
              <div class="code-name">&amp;#xe72d;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe725;</span>
              <div class="name">回收站</div>
              <div class="code-name">&amp;#xe725;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe73a;</span>
              <div class="name">移交接收-copy</div>
              <div class="code-name">&amp;#xe73a;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe724;</span>
              <div class="name">移交接收</div>
              <div class="code-name">&amp;#xe724;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe723;</span>
              <div class="name">四性检测</div>
              <div class="code-name">&amp;#xe723;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
              <div class="name">移交</div>
              <div class="code-name">&amp;#xe675;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe710;</span>
              <div class="name">左-线</div>
              <div class="code-name">&amp;#xe710;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe711;</span>
              <div class="name">右</div>
              <div class="code-name">&amp;#xe711;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe712;</span>
              <div class="name">转换</div>
              <div class="code-name">&amp;#xe712;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe713;</span>
              <div class="name">上</div>
              <div class="code-name">&amp;#xe713;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe714;</span>
              <div class="name">收起 2</div>
              <div class="code-name">&amp;#xe714;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe715;</span>
              <div class="name">右-线</div>
              <div class="code-name">&amp;#xe715;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe716;</span>
              <div class="name">向下</div>
              <div class="code-name">&amp;#xe716;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe717;</span>
              <div class="name">向左</div>
              <div class="code-name">&amp;#xe717;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe718;</span>
              <div class="name">向上</div>
              <div class="code-name">&amp;#xe718;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe719;</span>
              <div class="name">缩小</div>
              <div class="code-name">&amp;#xe719;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe71a;</span>
              <div class="name">向右</div>
              <div class="code-name">&amp;#xe71a;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe71b;</span>
              <div class="name">上-线</div>
              <div class="code-name">&amp;#xe71b;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe71c;</span>
              <div class="name">放大</div>
              <div class="code-name">&amp;#xe71c;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe71d;</span>
              <div class="name">下载</div>
              <div class="code-name">&amp;#xe71d;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe71e;</span>
              <div class="name">左</div>
              <div class="code-name">&amp;#xe71e;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe71f;</span>
              <div class="name">返回</div>
              <div class="code-name">&amp;#xe71f;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe720;</span>
              <div class="name">展开</div>
              <div class="code-name">&amp;#xe720;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe721;</span>
              <div class="name">下-线</div>
              <div class="code-name">&amp;#xe721;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe722;</span>
              <div class="name">收起</div>
              <div class="code-name">&amp;#xe722;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe70d;</span>
              <div class="name">下</div>
              <div class="code-name">&amp;#xe70d;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe70e;</span>
              <div class="name">展开 2</div>
              <div class="code-name">&amp;#xe70e;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe70f;</span>
              <div class="name">上传</div>
              <div class="code-name">&amp;#xe70f;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe70c;</span>
              <div class="name">降序</div>
              <div class="code-name">&amp;#xe70c;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
              <div class="name">返回</div>
              <div class="code-name">&amp;#xe685;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6cb;</span>
              <div class="name">三合一综合归档系统</div>
              <div class="code-name">&amp;#xe6cb;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6ca;</span>
              <div class="name">cip</div>
              <div class="code-name">&amp;#xe6ca;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe704;</span>
              <div class="name">查档直通车</div>
              <div class="code-name">&amp;#xe704;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe705;</span>
              <div class="name">用户权限管理</div>
              <div class="code-name">&amp;#xe705;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe707;</span>
              <div class="name">知识库管理</div>
              <div class="code-name">&amp;#xe707;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe708;</span>
              <div class="name">智治门户</div>
              <div class="code-name">&amp;#xe708;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe709;</span>
              <div class="name">元数据</div>
              <div class="code-name">&amp;#xe709;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe70a;</span>
              <div class="name">内容管理</div>
              <div class="code-name">&amp;#xe70a;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe70b;</span>
              <div class="name">工作流</div>
              <div class="code-name">&amp;#xe70b;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe700;</span>
              <div class="name">错误-5</div>
              <div class="code-name">&amp;#xe700;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe701;</span>
              <div class="name">错误-1</div>
              <div class="code-name">&amp;#xe701;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe702;</span>
              <div class="name">错误-4</div>
              <div class="code-name">&amp;#xe702;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe703;</span>
              <div class="name">加号-1</div>
              <div class="code-name">&amp;#xe703;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6eb;</span>
              <div class="name">正确-2</div>
              <div class="code-name">&amp;#xe6eb;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6ec;</span>
              <div class="name">正确-4</div>
              <div class="code-name">&amp;#xe6ec;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6ed;</span>
              <div class="name">加号-4</div>
              <div class="code-name">&amp;#xe6ed;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6ee;</span>
              <div class="name">减号-2</div>
              <div class="code-name">&amp;#xe6ee;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6ef;</span>
              <div class="name">详细-3</div>
              <div class="code-name">&amp;#xe6ef;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6f0;</span>
              <div class="name">正确-3</div>
              <div class="code-name">&amp;#xe6f0;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6f1;</span>
              <div class="name">暂停-1</div>
              <div class="code-name">&amp;#xe6f1;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6f2;</span>
              <div class="name">减号-5</div>
              <div class="code-name">&amp;#xe6f2;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6f3;</span>
              <div class="name">加号-2</div>
              <div class="code-name">&amp;#xe6f3;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6f4;</span>
              <div class="name">减号-1</div>
              <div class="code-name">&amp;#xe6f4;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6f5;</span>
              <div class="name">减号-4</div>
              <div class="code-name">&amp;#xe6f5;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6f6;</span>
              <div class="name">错误-3</div>
              <div class="code-name">&amp;#xe6f6;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6f7;</span>
              <div class="name">提示-1</div>
              <div class="code-name">&amp;#xe6f7;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6f8;</span>
              <div class="name">减号-3</div>
              <div class="code-name">&amp;#xe6f8;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6f9;</span>
              <div class="name">提示-3</div>
              <div class="code-name">&amp;#xe6f9;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6fa;</span>
              <div class="name">疑问-3</div>
              <div class="code-name">&amp;#xe6fa;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6fb;</span>
              <div class="name">提示-2</div>
              <div class="code-name">&amp;#xe6fb;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6fc;</span>
              <div class="name">错误-2</div>
              <div class="code-name">&amp;#xe6fc;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6fd;</span>
              <div class="name">加号-5</div>
              <div class="code-name">&amp;#xe6fd;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6fe;</span>
              <div class="name">详细-1</div>
              <div class="code-name">&amp;#xe6fe;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6ff;</span>
              <div class="name">详细-2</div>
              <div class="code-name">&amp;#xe6ff;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6e9;</span>
              <div class="name">疑问-2</div>
              <div class="code-name">&amp;#xe6e9;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6ea;</span>
              <div class="name">疑问-1</div>
              <div class="code-name">&amp;#xe6ea;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6e4;</span>
              <div class="name">暂停-3</div>
              <div class="code-name">&amp;#xe6e4;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6e5;</span>
              <div class="name">暂停-2</div>
              <div class="code-name">&amp;#xe6e5;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6e6;</span>
              <div class="name">加号-3</div>
              <div class="code-name">&amp;#xe6e6;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6e7;</span>
              <div class="name">正确-1</div>
              <div class="code-name">&amp;#xe6e7;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6e8;</span>
              <div class="name">正确-5</div>
              <div class="code-name">&amp;#xe6e8;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6de;</span>
              <div class="name">删除</div>
              <div class="code-name">&amp;#xe6de;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6df;</span>
              <div class="name">排序</div>
              <div class="code-name">&amp;#xe6df;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6e0;</span>
              <div class="name">右对齐</div>
              <div class="code-name">&amp;#xe6e0;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6e1;</span>
              <div class="name">左对齐</div>
              <div class="code-name">&amp;#xe6e1;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6e2;</span>
              <div class="name">编辑-2</div>
              <div class="code-name">&amp;#xe6e2;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6e3;</span>
              <div class="name">缩小</div>
              <div class="code-name">&amp;#xe6e3;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6d9;</span>
              <div class="name">复制</div>
              <div class="code-name">&amp;#xe6d9;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6da;</span>
              <div class="name">编辑</div>
              <div class="code-name">&amp;#xe6da;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6db;</span>
              <div class="name">放大</div>
              <div class="code-name">&amp;#xe6db;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6dc;</span>
              <div class="name">刷新</div>
              <div class="code-name">&amp;#xe6dc;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6dd;</span>
              <div class="name">居中</div>
              <div class="code-name">&amp;#xe6dd;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6cc;</span>
              <div class="name">BMP</div>
              <div class="code-name">&amp;#xe6cc;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6cd;</span>
              <div class="name">GIF</div>
              <div class="code-name">&amp;#xe6cd;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6ce;</span>
              <div class="name">TIF</div>
              <div class="code-name">&amp;#xe6ce;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6cf;</span>
              <div class="name">PDF</div>
              <div class="code-name">&amp;#xe6cf;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6d0;</span>
              <div class="name">CAD</div>
              <div class="code-name">&amp;#xe6d0;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6d1;</span>
              <div class="name">SVG</div>
              <div class="code-name">&amp;#xe6d1;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6d2;</span>
              <div class="name">WORD</div>
              <div class="code-name">&amp;#xe6d2;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6d3;</span>
              <div class="name">PPT</div>
              <div class="code-name">&amp;#xe6d3;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6d4;</span>
              <div class="name">视频</div>
              <div class="code-name">&amp;#xe6d4;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6d5;</span>
              <div class="name">图片</div>
              <div class="code-name">&amp;#xe6d5;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6d6;</span>
              <div class="name">音乐</div>
              <div class="code-name">&amp;#xe6d6;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6d7;</span>
              <div class="name">EXCEL</div>
              <div class="code-name">&amp;#xe6d7;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6d8;</span>
              <div class="name">7Z</div>
              <div class="code-name">&amp;#xe6d8;</div>
            </li>
          </ul>
          <div class="article markdown">
            <h2 id="unicode-">Unicode 引用</h2>
            <hr />

            <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
            <ul>
              <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
              <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
            </ul>
            <blockquote>
              <p>
                注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol
                引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）
              </p>
            </blockquote>
            <p>Unicode 使用步骤如下：</p>
            <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
            <pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot?t=1712312726483'); /* IE9 */
  src: url('iconfont.eot?t=1712312726483#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
       url('iconfont.woff?t=1712312726483') format('woff'),
       url('iconfont.ttf?t=1712312726483') format('truetype');
}
</code></pre>
            <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
            <pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
            <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
            <pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
            <blockquote>
              <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
            </blockquote>
          </div>
        </div>
        <div class="content font-class">
          <ul class="icon_lists dib-box">
            <li class="dib">
              <span class="icon iconfont FCshoucang"></span>
              <div class="name">收藏</div>
              <div class="code-name">.FCshoucang</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCshanchu11"></span>
              <div class="name">删除1</div>
              <div class="code-name">.FCshanchu11</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCyewu"></span>
              <div class="name">yewu</div>
              <div class="code-name">.FCyewu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCshuju"></span>
              <div class="name">shuju</div>
              <div class="code-name">.FCshuju</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCwenjianjia1"></span>
              <div class="name">wenjianjia</div>
              <div class="code-name">.FCwenjianjia1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCmenlei"></span>
              <div class="name">menlei</div>
              <div class="code-name">.FCmenlei</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCloading"></span>
              <div class="name">loading</div>
              <div class="code-name">.FCloading</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCjiedian"></span>
              <div class="name">节点</div>
              <div class="code-name">.FCjiedian</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCmoban"></span>
              <div class="name">模版</div>
              <div class="code-name">.FCmoban</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCxia1"></span>
              <div class="name">下</div>
              <div class="code-name">.FCxia1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCshang1"></span>
              <div class="name">上</div>
              <div class="code-name">.FCshang1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCshangxiatubiao"></span>
              <div class="name">上下图标</div>
              <div class="code-name">.FCshangxiatubiao</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCbiaoqianshezhi"></span>
              <div class="name">标签设置</div>
              <div class="code-name">.FCbiaoqianshezhi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCquanzongjuanjiedian"></span>
              <div class="name">全宗卷节点</div>
              <div class="code-name">.FCquanzongjuanjiedian</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCbiaodanshezhi"></span>
              <div class="name">表单设置</div>
              <div class="code-name">.FCbiaodanshezhi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCpiliangguajie"></span>
              <div class="name">批量挂接</div>
              <div class="code-name">.FCpiliangguajie</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCshouyeshezhi"></span>
              <div class="name">首页设置</div>
              <div class="code-name">.FCshouyeshezhi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCbaobiaoshezhi"></span>
              <div class="name">报表设置</div>
              <div class="code-name">.FCbaobiaoshezhi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCshitushezhi"></span>
              <div class="name">视图设置</div>
              <div class="code-name">.FCshitushezhi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCbaoliuchuzhi"></span>
              <div class="name">保留处置</div>
              <div class="code-name">.FCbaoliuchuzhi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCkufang"></span>
              <div class="name">库房</div>
              <div class="code-name">.FCkufang</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCleimubaoguanqixian"></span>
              <div class="name">类目保管期限</div>
              <div class="code-name">.FCleimubaoguanqixian</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCduijiexitongpeizhi"></span>
              <div class="name">对接系统配置</div>
              <div class="code-name">.FCduijiexitongpeizhi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCtixing"></span>
              <div class="name">提醒</div>
              <div class="code-name">.FCtixing</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCdangan"></span>
              <div class="name">档案</div>
              <div class="code-name">.FCdangan</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCyasuobao"></span>
              <div class="name">压缩包</div>
              <div class="code-name">.FCyasuobao</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCleimu"></span>
              <div class="name">类目</div>
              <div class="code-name">.FCleimu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCdanwei"></span>
              <div class="name">单位</div>
              <div class="code-name">.FCdanwei</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCxiangqing"></span>
              <div class="name">详情</div>
              <div class="code-name">.FCxiangqing</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCwenjianjia"></span>
              <div class="name">文件夹</div>
              <div class="code-name">.FCwenjianjia</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCwenjianjia-2"></span>
              <div class="name">文件夹-2</div>
              <div class="code-name">.FCwenjianjia-2</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCdakaiwenjianjia"></span>
              <div class="name">打开文件夹</div>
              <div class="code-name">.FCdakaiwenjianjia</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCwenjianjia-2beifen"></span>
              <div class="name">文件夹-2备份</div>
              <div class="code-name">.FCwenjianjia-2beifen</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FClianjie"></span>
              <div class="name">链接</div>
              <div class="code-name">.FClianjie</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCwenjianyasuobao"></span>
              <div class="name">文件压缩包</div>
              <div class="code-name">.FCwenjianyasuobao</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCwenjian"></span>
              <div class="name">文件</div>
              <div class="code-name">.FCwenjian</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCxiazai1"></span>
              <div class="name">下载</div>
              <div class="code-name">.FCxiazai1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCshanchu1"></span>
              <div class="name">删除</div>
              <div class="code-name">.FCshanchu1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCFrame-1"></span>
              <div class="name">组件库</div>
              <div class="code-name">.FCFrame-1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCFrame"></span>
              <div class="name">组件库</div>
              <div class="code-name">.FCFrame</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCwpbs"></span>
              <div class="name">wpbs</div>
              <div class="code-name">.FCwpbs</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCyidong"></span>
              <div class="name">移动</div>
              <div class="code-name">.FCyidong</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCdianziwenjianguidang"></span>
              <div class="name">电子文件归档</div>
              <div class="code-name">.FCdianziwenjianguidang</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCduomeitixinxicaiji"></span>
              <div class="name">多媒体信息采集</div>
              <div class="code-name">.FCduomeitixinxicaiji</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCshuzidanganshi"></span>
              <div class="name">数字档案室</div>
              <div class="code-name">.FCshuzidanganshi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCfenpeiguanli"></span>
              <div class="name">分配管理</div>
              <div class="code-name">.FCfenpeiguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCbaoshenguanli"></span>
              <div class="name">报审管理</div>
              <div class="code-name">.FCbaoshenguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCxitongrizhi"></span>
              <div class="name">系统日志</div>
              <div class="code-name">.FCxitongrizhi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCcelvesheding"></span>
              <div class="name">策略设定</div>
              <div class="code-name">.FCcelvesheding</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCchuangjianweihu"></span>
              <div class="name">创建维护</div>
              <div class="code-name">.FCchuangjianweihu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCmobanku"></span>
              <div class="name">模版库</div>
              <div class="code-name">.FCmobanku</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCsuanfamoxingguanli"></span>
              <div class="name">算法模型管理</div>
              <div class="code-name">.FCsuanfamoxingguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCshujumuluguanli"></span>
              <div class="name">数据目录管理</div>
              <div class="code-name">.FCshujumuluguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCmanyidutiaocha"></span>
              <div class="name">满意度调查</div>
              <div class="code-name">.FCmanyidutiaocha</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCdaiban"></span>
              <div class="name">待办</div>
              <div class="code-name">.FCdaiban</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCtuichu"></span>
              <div class="name">退出</div>
              <div class="code-name">.FCtuichu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCmima"></span>
              <div class="name">密码</div>
              <div class="code-name">.FCmima</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCtishi"></span>
              <div class="name">提示</div>
              <div class="code-name">.FCtishi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCgerenxinxi"></span>
              <div class="name">个人信息</div>
              <div class="code-name">.FCgerenxinxi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCsousuo"></span>
              <div class="name">搜索</div>
              <div class="code-name">.FCsousuo</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCxiaoxi"></span>
              <div class="name">消息</div>
              <div class="code-name">.FCxiaoxi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FChuishouzhan"></span>
              <div class="name">回收站</div>
              <div class="code-name">.FChuishouzhan</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCyijiaojieshou-copy"></span>
              <div class="name">移交接收-copy</div>
              <div class="code-name">.FCyijiaojieshou-copy</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCyijiaojieshou"></span>
              <div class="name">移交接收</div>
              <div class="code-name">.FCyijiaojieshou</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCsixingjiance"></span>
              <div class="name">四性检测</div>
              <div class="code-name">.FCsixingjiance</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCyijiao"></span>
              <div class="name">移交</div>
              <div class="code-name">.FCyijiao</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCzuo-xian"></span>
              <div class="name">左-线</div>
              <div class="code-name">.FCzuo-xian</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCyou"></span>
              <div class="name">右</div>
              <div class="code-name">.FCyou</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCzhuanhuan"></span>
              <div class="name">转换</div>
              <div class="code-name">.FCzhuanhuan</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCshang"></span>
              <div class="name">上</div>
              <div class="code-name">.FCshang</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCa-shouqi2"></span>
              <div class="name">收起 2</div>
              <div class="code-name">.FCa-shouqi2</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCyou-xian"></span>
              <div class="name">右-线</div>
              <div class="code-name">.FCyou-xian</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCxiangxia"></span>
              <div class="name">向下</div>
              <div class="code-name">.FCxiangxia</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCxiangzuo"></span>
              <div class="name">向左</div>
              <div class="code-name">.FCxiangzuo</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCxiangshang"></span>
              <div class="name">向上</div>
              <div class="code-name">.FCxiangshang</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCsuoxiao1"></span>
              <div class="name">缩小</div>
              <div class="code-name">.FCsuoxiao1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCxiangyou"></span>
              <div class="name">向右</div>
              <div class="code-name">.FCxiangyou</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCshang-xian"></span>
              <div class="name">上-线</div>
              <div class="code-name">.FCshang-xian</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCfangda1"></span>
              <div class="name">放大</div>
              <div class="code-name">.FCfangda1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCxiazai"></span>
              <div class="name">下载</div>
              <div class="code-name">.FCxiazai</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCzuo"></span>
              <div class="name">左</div>
              <div class="code-name">.FCzuo</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCfanhui1"></span>
              <div class="name">返回</div>
              <div class="code-name">.FCfanhui1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCzhankai"></span>
              <div class="name">展开</div>
              <div class="code-name">.FCzhankai</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCxia-xian"></span>
              <div class="name">下-线</div>
              <div class="code-name">.FCxia-xian</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCshouqi"></span>
              <div class="name">收起</div>
              <div class="code-name">.FCshouqi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCxia"></span>
              <div class="name">下</div>
              <div class="code-name">.FCxia</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCa-zhankai2"></span>
              <div class="name">展开 2</div>
              <div class="code-name">.FCa-zhankai2</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCshangchuan"></span>
              <div class="name">上传</div>
              <div class="code-name">.FCshangchuan</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCjiangxu"></span>
              <div class="name">降序</div>
              <div class="code-name">.FCjiangxu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCfanhui"></span>
              <div class="name">返回</div>
              <div class="code-name">.FCfanhui</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCsanheyizongheguidangxitong"></span>
              <div class="name">三合一综合归档系统</div>
              <div class="code-name">.FCsanheyizongheguidangxitong</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCcip"></span>
              <div class="name">cip</div>
              <div class="code-name">.FCcip</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCchadangzhitongche"></span>
              <div class="name">查档直通车</div>
              <div class="code-name">.FCchadangzhitongche</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCyonghuquanxianguanli"></span>
              <div class="name">用户权限管理</div>
              <div class="code-name">.FCyonghuquanxianguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCzhishikuguanli"></span>
              <div class="name">知识库管理</div>
              <div class="code-name">.FCzhishikuguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCzhizhimenhu"></span>
              <div class="name">智治门户</div>
              <div class="code-name">.FCzhizhimenhu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCyuanshuju"></span>
              <div class="name">元数据</div>
              <div class="code-name">.FCyuanshuju</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCneirongguanli"></span>
              <div class="name">内容管理</div>
              <div class="code-name">.FCneirongguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCgongzuoliu"></span>
              <div class="name">工作流</div>
              <div class="code-name">.FCgongzuoliu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCcuowu-5"></span>
              <div class="name">错误-5</div>
              <div class="code-name">.FCcuowu-5</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCcuowu-1"></span>
              <div class="name">错误-1</div>
              <div class="code-name">.FCcuowu-1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCcuowu-4"></span>
              <div class="name">错误-4</div>
              <div class="code-name">.FCcuowu-4</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCjiahao-1"></span>
              <div class="name">加号-1</div>
              <div class="code-name">.FCjiahao-1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCzhengque-2"></span>
              <div class="name">正确-2</div>
              <div class="code-name">.FCzhengque-2</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCzhengque-4"></span>
              <div class="name">正确-4</div>
              <div class="code-name">.FCzhengque-4</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCjiahao-4"></span>
              <div class="name">加号-4</div>
              <div class="code-name">.FCjiahao-4</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCjianhao-2"></span>
              <div class="name">减号-2</div>
              <div class="code-name">.FCjianhao-2</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCxiangxi-3"></span>
              <div class="name">详细-3</div>
              <div class="code-name">.FCxiangxi-3</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCzhengque-3"></span>
              <div class="name">正确-3</div>
              <div class="code-name">.FCzhengque-3</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCzanting-1"></span>
              <div class="name">暂停-1</div>
              <div class="code-name">.FCzanting-1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCjianhao-5"></span>
              <div class="name">减号-5</div>
              <div class="code-name">.FCjianhao-5</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCjiahao-2"></span>
              <div class="name">加号-2</div>
              <div class="code-name">.FCjiahao-2</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCjianhao-1"></span>
              <div class="name">减号-1</div>
              <div class="code-name">.FCjianhao-1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCjianhao-4"></span>
              <div class="name">减号-4</div>
              <div class="code-name">.FCjianhao-4</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCcuowu-3"></span>
              <div class="name">错误-3</div>
              <div class="code-name">.FCcuowu-3</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCtishi-1"></span>
              <div class="name">提示-1</div>
              <div class="code-name">.FCtishi-1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCjianhao-3"></span>
              <div class="name">减号-3</div>
              <div class="code-name">.FCjianhao-3</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCtishi-3"></span>
              <div class="name">提示-3</div>
              <div class="code-name">.FCtishi-3</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCyiwen-3"></span>
              <div class="name">疑问-3</div>
              <div class="code-name">.FCyiwen-3</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCtishi-2"></span>
              <div class="name">提示-2</div>
              <div class="code-name">.FCtishi-2</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCcuowu-2"></span>
              <div class="name">错误-2</div>
              <div class="code-name">.FCcuowu-2</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCjiahao-5"></span>
              <div class="name">加号-5</div>
              <div class="code-name">.FCjiahao-5</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCxiangxi-1"></span>
              <div class="name">详细-1</div>
              <div class="code-name">.FCxiangxi-1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCxiangxi-2"></span>
              <div class="name">详细-2</div>
              <div class="code-name">.FCxiangxi-2</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCyiwen-2"></span>
              <div class="name">疑问-2</div>
              <div class="code-name">.FCyiwen-2</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCyiwen-1"></span>
              <div class="name">疑问-1</div>
              <div class="code-name">.FCyiwen-1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCzanting-3"></span>
              <div class="name">暂停-3</div>
              <div class="code-name">.FCzanting-3</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCzanting-2"></span>
              <div class="name">暂停-2</div>
              <div class="code-name">.FCzanting-2</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCjiahao-3"></span>
              <div class="name">加号-3</div>
              <div class="code-name">.FCjiahao-3</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCzhengque-1"></span>
              <div class="name">正确-1</div>
              <div class="code-name">.FCzhengque-1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCzhengque-5"></span>
              <div class="name">正确-5</div>
              <div class="code-name">.FCzhengque-5</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCshanchu"></span>
              <div class="name">删除</div>
              <div class="code-name">.FCshanchu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCpaixu"></span>
              <div class="name">排序</div>
              <div class="code-name">.FCpaixu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCyouduiqi"></span>
              <div class="name">右对齐</div>
              <div class="code-name">.FCyouduiqi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCzuoduiqi"></span>
              <div class="name">左对齐</div>
              <div class="code-name">.FCzuoduiqi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCbianji-2"></span>
              <div class="name">编辑-2</div>
              <div class="code-name">.FCbianji-2</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCsuoxiao"></span>
              <div class="name">缩小</div>
              <div class="code-name">.FCsuoxiao</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCfuzhi"></span>
              <div class="name">复制</div>
              <div class="code-name">.FCfuzhi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCbianji"></span>
              <div class="name">编辑</div>
              <div class="code-name">.FCbianji</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCfangda"></span>
              <div class="name">放大</div>
              <div class="code-name">.FCfangda</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCshuaxin"></span>
              <div class="name">刷新</div>
              <div class="code-name">.FCshuaxin</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCjuzhong"></span>
              <div class="name">居中</div>
              <div class="code-name">.FCjuzhong</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCBMP"></span>
              <div class="name">BMP</div>
              <div class="code-name">.FCBMP</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCGIF"></span>
              <div class="name">GIF</div>
              <div class="code-name">.FCGIF</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCTIF"></span>
              <div class="name">TIF</div>
              <div class="code-name">.FCTIF</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCPDF"></span>
              <div class="name">PDF</div>
              <div class="code-name">.FCPDF</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCCAD"></span>
              <div class="name">CAD</div>
              <div class="code-name">.FCCAD</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCSVG"></span>
              <div class="name">SVG</div>
              <div class="code-name">.FCSVG</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCWORD"></span>
              <div class="name">WORD</div>
              <div class="code-name">.FCWORD</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCPPT"></span>
              <div class="name">PPT</div>
              <div class="code-name">.FCPPT</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCshipin"></span>
              <div class="name">视频</div>
              <div class="code-name">.FCshipin</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCtupian"></span>
              <div class="name">图片</div>
              <div class="code-name">.FCtupian</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCyinle"></span>
              <div class="name">音乐</div>
              <div class="code-name">.FCyinle</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCEXCEL"></span>
              <div class="name">EXCEL</div>
              <div class="code-name">.FCEXCEL</div>
            </li>

            <li class="dib">
              <span class="icon iconfont FCa-7Z"></span>
              <div class="name">7Z</div>
              <div class="code-name">.FCa-7Z</div>
            </li>
          </ul>
          <div class="article markdown">
            <h2 id="font-class-">font-class 引用</h2>
            <hr />

            <p>
              font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode
              书写不直观，语意不明确的问题。
            </p>
            <p>与 Unicode 使用方式相比，具有如下特点：</p>
            <ul>
              <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
              <li>
                因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode
                引用。
              </li>
            </ul>
            <p>使用步骤如下：</p>
            <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
            <pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
            <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
            <pre><code class="language-html">&lt;span class="iconfont FCxxx"&gt;&lt;/span&gt;
</code></pre>
            <blockquote>
              <p>" iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
            </blockquote>
          </div>
        </div>
        <div class="content symbol">
          <ul class="icon_lists dib-box">
            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCshoucang"></use>
              </svg>
              <div class="name">收藏</div>
              <div class="code-name">#FCshoucang</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCshanchu11"></use>
              </svg>
              <div class="name">删除1</div>
              <div class="code-name">#FCshanchu11</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCyewu"></use>
              </svg>
              <div class="name">yewu</div>
              <div class="code-name">#FCyewu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCshuju"></use>
              </svg>
              <div class="name">shuju</div>
              <div class="code-name">#FCshuju</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCwenjianjia1"></use>
              </svg>
              <div class="name">wenjianjia</div>
              <div class="code-name">#FCwenjianjia1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCmenlei"></use>
              </svg>
              <div class="name">menlei</div>
              <div class="code-name">#FCmenlei</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCloading"></use>
              </svg>
              <div class="name">loading</div>
              <div class="code-name">#FCloading</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCjiedian"></use>
              </svg>
              <div class="name">节点</div>
              <div class="code-name">#FCjiedian</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCmoban"></use>
              </svg>
              <div class="name">模版</div>
              <div class="code-name">#FCmoban</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCxia1"></use>
              </svg>
              <div class="name">下</div>
              <div class="code-name">#FCxia1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCshang1"></use>
              </svg>
              <div class="name">上</div>
              <div class="code-name">#FCshang1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCshangxiatubiao"></use>
              </svg>
              <div class="name">上下图标</div>
              <div class="code-name">#FCshangxiatubiao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCbiaoqianshezhi"></use>
              </svg>
              <div class="name">标签设置</div>
              <div class="code-name">#FCbiaoqianshezhi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCquanzongjuanjiedian"></use>
              </svg>
              <div class="name">全宗卷节点</div>
              <div class="code-name">#FCquanzongjuanjiedian</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCbiaodanshezhi"></use>
              </svg>
              <div class="name">表单设置</div>
              <div class="code-name">#FCbiaodanshezhi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCpiliangguajie"></use>
              </svg>
              <div class="name">批量挂接</div>
              <div class="code-name">#FCpiliangguajie</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCshouyeshezhi"></use>
              </svg>
              <div class="name">首页设置</div>
              <div class="code-name">#FCshouyeshezhi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCbaobiaoshezhi"></use>
              </svg>
              <div class="name">报表设置</div>
              <div class="code-name">#FCbaobiaoshezhi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCshitushezhi"></use>
              </svg>
              <div class="name">视图设置</div>
              <div class="code-name">#FCshitushezhi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCbaoliuchuzhi"></use>
              </svg>
              <div class="name">保留处置</div>
              <div class="code-name">#FCbaoliuchuzhi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCkufang"></use>
              </svg>
              <div class="name">库房</div>
              <div class="code-name">#FCkufang</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCleimubaoguanqixian"></use>
              </svg>
              <div class="name">类目保管期限</div>
              <div class="code-name">#FCleimubaoguanqixian</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCduijiexitongpeizhi"></use>
              </svg>
              <div class="name">对接系统配置</div>
              <div class="code-name">#FCduijiexitongpeizhi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCtixing"></use>
              </svg>
              <div class="name">提醒</div>
              <div class="code-name">#FCtixing</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCdangan"></use>
              </svg>
              <div class="name">档案</div>
              <div class="code-name">#FCdangan</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCyasuobao"></use>
              </svg>
              <div class="name">压缩包</div>
              <div class="code-name">#FCyasuobao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCleimu"></use>
              </svg>
              <div class="name">类目</div>
              <div class="code-name">#FCleimu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCdanwei"></use>
              </svg>
              <div class="name">单位</div>
              <div class="code-name">#FCdanwei</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCxiangqing"></use>
              </svg>
              <div class="name">详情</div>
              <div class="code-name">#FCxiangqing</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCwenjianjia"></use>
              </svg>
              <div class="name">文件夹</div>
              <div class="code-name">#FCwenjianjia</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCwenjianjia-2"></use>
              </svg>
              <div class="name">文件夹-2</div>
              <div class="code-name">#FCwenjianjia-2</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCdakaiwenjianjia"></use>
              </svg>
              <div class="name">打开文件夹</div>
              <div class="code-name">#FCdakaiwenjianjia</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCwenjianjia-2beifen"></use>
              </svg>
              <div class="name">文件夹-2备份</div>
              <div class="code-name">#FCwenjianjia-2beifen</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FClianjie"></use>
              </svg>
              <div class="name">链接</div>
              <div class="code-name">#FClianjie</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCwenjianyasuobao"></use>
              </svg>
              <div class="name">文件压缩包</div>
              <div class="code-name">#FCwenjianyasuobao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCwenjian"></use>
              </svg>
              <div class="name">文件</div>
              <div class="code-name">#FCwenjian</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCxiazai1"></use>
              </svg>
              <div class="name">下载</div>
              <div class="code-name">#FCxiazai1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCshanchu1"></use>
              </svg>
              <div class="name">删除</div>
              <div class="code-name">#FCshanchu1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCFrame-1"></use>
              </svg>
              <div class="name">组件库</div>
              <div class="code-name">#FCFrame-1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCFrame"></use>
              </svg>
              <div class="name">组件库</div>
              <div class="code-name">#FCFrame</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCwpbs"></use>
              </svg>
              <div class="name">wpbs</div>
              <div class="code-name">#FCwpbs</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCyidong"></use>
              </svg>
              <div class="name">移动</div>
              <div class="code-name">#FCyidong</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCdianziwenjianguidang"></use>
              </svg>
              <div class="name">电子文件归档</div>
              <div class="code-name">#FCdianziwenjianguidang</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCduomeitixinxicaiji"></use>
              </svg>
              <div class="name">多媒体信息采集</div>
              <div class="code-name">#FCduomeitixinxicaiji</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCshuzidanganshi"></use>
              </svg>
              <div class="name">数字档案室</div>
              <div class="code-name">#FCshuzidanganshi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCfenpeiguanli"></use>
              </svg>
              <div class="name">分配管理</div>
              <div class="code-name">#FCfenpeiguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCbaoshenguanli"></use>
              </svg>
              <div class="name">报审管理</div>
              <div class="code-name">#FCbaoshenguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCxitongrizhi"></use>
              </svg>
              <div class="name">系统日志</div>
              <div class="code-name">#FCxitongrizhi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCcelvesheding"></use>
              </svg>
              <div class="name">策略设定</div>
              <div class="code-name">#FCcelvesheding</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCchuangjianweihu"></use>
              </svg>
              <div class="name">创建维护</div>
              <div class="code-name">#FCchuangjianweihu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCmobanku"></use>
              </svg>
              <div class="name">模版库</div>
              <div class="code-name">#FCmobanku</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCsuanfamoxingguanli"></use>
              </svg>
              <div class="name">算法模型管理</div>
              <div class="code-name">#FCsuanfamoxingguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCshujumuluguanli"></use>
              </svg>
              <div class="name">数据目录管理</div>
              <div class="code-name">#FCshujumuluguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCmanyidutiaocha"></use>
              </svg>
              <div class="name">满意度调查</div>
              <div class="code-name">#FCmanyidutiaocha</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCdaiban"></use>
              </svg>
              <div class="name">待办</div>
              <div class="code-name">#FCdaiban</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCtuichu"></use>
              </svg>
              <div class="name">退出</div>
              <div class="code-name">#FCtuichu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCmima"></use>
              </svg>
              <div class="name">密码</div>
              <div class="code-name">#FCmima</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCtishi"></use>
              </svg>
              <div class="name">提示</div>
              <div class="code-name">#FCtishi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCgerenxinxi"></use>
              </svg>
              <div class="name">个人信息</div>
              <div class="code-name">#FCgerenxinxi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCsousuo"></use>
              </svg>
              <div class="name">搜索</div>
              <div class="code-name">#FCsousuo</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCxiaoxi"></use>
              </svg>
              <div class="name">消息</div>
              <div class="code-name">#FCxiaoxi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FChuishouzhan"></use>
              </svg>
              <div class="name">回收站</div>
              <div class="code-name">#FChuishouzhan</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCyijiaojieshou-copy"></use>
              </svg>
              <div class="name">移交接收-copy</div>
              <div class="code-name">#FCyijiaojieshou-copy</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCyijiaojieshou"></use>
              </svg>
              <div class="name">移交接收</div>
              <div class="code-name">#FCyijiaojieshou</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCsixingjiance"></use>
              </svg>
              <div class="name">四性检测</div>
              <div class="code-name">#FCsixingjiance</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCyijiao"></use>
              </svg>
              <div class="name">移交</div>
              <div class="code-name">#FCyijiao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCzuo-xian"></use>
              </svg>
              <div class="name">左-线</div>
              <div class="code-name">#FCzuo-xian</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCyou"></use>
              </svg>
              <div class="name">右</div>
              <div class="code-name">#FCyou</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCzhuanhuan"></use>
              </svg>
              <div class="name">转换</div>
              <div class="code-name">#FCzhuanhuan</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCshang"></use>
              </svg>
              <div class="name">上</div>
              <div class="code-name">#FCshang</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCa-shouqi2"></use>
              </svg>
              <div class="name">收起 2</div>
              <div class="code-name">#FCa-shouqi2</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCyou-xian"></use>
              </svg>
              <div class="name">右-线</div>
              <div class="code-name">#FCyou-xian</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCxiangxia"></use>
              </svg>
              <div class="name">向下</div>
              <div class="code-name">#FCxiangxia</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCxiangzuo"></use>
              </svg>
              <div class="name">向左</div>
              <div class="code-name">#FCxiangzuo</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCxiangshang"></use>
              </svg>
              <div class="name">向上</div>
              <div class="code-name">#FCxiangshang</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCsuoxiao1"></use>
              </svg>
              <div class="name">缩小</div>
              <div class="code-name">#FCsuoxiao1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCxiangyou"></use>
              </svg>
              <div class="name">向右</div>
              <div class="code-name">#FCxiangyou</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCshang-xian"></use>
              </svg>
              <div class="name">上-线</div>
              <div class="code-name">#FCshang-xian</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCfangda1"></use>
              </svg>
              <div class="name">放大</div>
              <div class="code-name">#FCfangda1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCxiazai"></use>
              </svg>
              <div class="name">下载</div>
              <div class="code-name">#FCxiazai</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCzuo"></use>
              </svg>
              <div class="name">左</div>
              <div class="code-name">#FCzuo</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCfanhui1"></use>
              </svg>
              <div class="name">返回</div>
              <div class="code-name">#FCfanhui1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCzhankai"></use>
              </svg>
              <div class="name">展开</div>
              <div class="code-name">#FCzhankai</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCxia-xian"></use>
              </svg>
              <div class="name">下-线</div>
              <div class="code-name">#FCxia-xian</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCshouqi"></use>
              </svg>
              <div class="name">收起</div>
              <div class="code-name">#FCshouqi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCxia"></use>
              </svg>
              <div class="name">下</div>
              <div class="code-name">#FCxia</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCa-zhankai2"></use>
              </svg>
              <div class="name">展开 2</div>
              <div class="code-name">#FCa-zhankai2</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCshangchuan"></use>
              </svg>
              <div class="name">上传</div>
              <div class="code-name">#FCshangchuan</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCjiangxu"></use>
              </svg>
              <div class="name">降序</div>
              <div class="code-name">#FCjiangxu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCfanhui"></use>
              </svg>
              <div class="name">返回</div>
              <div class="code-name">#FCfanhui</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCsanheyizongheguidangxitong"></use>
              </svg>
              <div class="name">三合一综合归档系统</div>
              <div class="code-name">#FCsanheyizongheguidangxitong</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCcip"></use>
              </svg>
              <div class="name">cip</div>
              <div class="code-name">#FCcip</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCchadangzhitongche"></use>
              </svg>
              <div class="name">查档直通车</div>
              <div class="code-name">#FCchadangzhitongche</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCyonghuquanxianguanli"></use>
              </svg>
              <div class="name">用户权限管理</div>
              <div class="code-name">#FCyonghuquanxianguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCzhishikuguanli"></use>
              </svg>
              <div class="name">知识库管理</div>
              <div class="code-name">#FCzhishikuguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCzhizhimenhu"></use>
              </svg>
              <div class="name">智治门户</div>
              <div class="code-name">#FCzhizhimenhu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCyuanshuju"></use>
              </svg>
              <div class="name">元数据</div>
              <div class="code-name">#FCyuanshuju</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCneirongguanli"></use>
              </svg>
              <div class="name">内容管理</div>
              <div class="code-name">#FCneirongguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCgongzuoliu"></use>
              </svg>
              <div class="name">工作流</div>
              <div class="code-name">#FCgongzuoliu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCcuowu-5"></use>
              </svg>
              <div class="name">错误-5</div>
              <div class="code-name">#FCcuowu-5</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCcuowu-1"></use>
              </svg>
              <div class="name">错误-1</div>
              <div class="code-name">#FCcuowu-1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCcuowu-4"></use>
              </svg>
              <div class="name">错误-4</div>
              <div class="code-name">#FCcuowu-4</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCjiahao-1"></use>
              </svg>
              <div class="name">加号-1</div>
              <div class="code-name">#FCjiahao-1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCzhengque-2"></use>
              </svg>
              <div class="name">正确-2</div>
              <div class="code-name">#FCzhengque-2</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCzhengque-4"></use>
              </svg>
              <div class="name">正确-4</div>
              <div class="code-name">#FCzhengque-4</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCjiahao-4"></use>
              </svg>
              <div class="name">加号-4</div>
              <div class="code-name">#FCjiahao-4</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCjianhao-2"></use>
              </svg>
              <div class="name">减号-2</div>
              <div class="code-name">#FCjianhao-2</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCxiangxi-3"></use>
              </svg>
              <div class="name">详细-3</div>
              <div class="code-name">#FCxiangxi-3</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCzhengque-3"></use>
              </svg>
              <div class="name">正确-3</div>
              <div class="code-name">#FCzhengque-3</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCzanting-1"></use>
              </svg>
              <div class="name">暂停-1</div>
              <div class="code-name">#FCzanting-1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCjianhao-5"></use>
              </svg>
              <div class="name">减号-5</div>
              <div class="code-name">#FCjianhao-5</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCjiahao-2"></use>
              </svg>
              <div class="name">加号-2</div>
              <div class="code-name">#FCjiahao-2</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCjianhao-1"></use>
              </svg>
              <div class="name">减号-1</div>
              <div class="code-name">#FCjianhao-1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCjianhao-4"></use>
              </svg>
              <div class="name">减号-4</div>
              <div class="code-name">#FCjianhao-4</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCcuowu-3"></use>
              </svg>
              <div class="name">错误-3</div>
              <div class="code-name">#FCcuowu-3</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCtishi-1"></use>
              </svg>
              <div class="name">提示-1</div>
              <div class="code-name">#FCtishi-1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCjianhao-3"></use>
              </svg>
              <div class="name">减号-3</div>
              <div class="code-name">#FCjianhao-3</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCtishi-3"></use>
              </svg>
              <div class="name">提示-3</div>
              <div class="code-name">#FCtishi-3</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCyiwen-3"></use>
              </svg>
              <div class="name">疑问-3</div>
              <div class="code-name">#FCyiwen-3</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCtishi-2"></use>
              </svg>
              <div class="name">提示-2</div>
              <div class="code-name">#FCtishi-2</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCcuowu-2"></use>
              </svg>
              <div class="name">错误-2</div>
              <div class="code-name">#FCcuowu-2</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCjiahao-5"></use>
              </svg>
              <div class="name">加号-5</div>
              <div class="code-name">#FCjiahao-5</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCxiangxi-1"></use>
              </svg>
              <div class="name">详细-1</div>
              <div class="code-name">#FCxiangxi-1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCxiangxi-2"></use>
              </svg>
              <div class="name">详细-2</div>
              <div class="code-name">#FCxiangxi-2</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCyiwen-2"></use>
              </svg>
              <div class="name">疑问-2</div>
              <div class="code-name">#FCyiwen-2</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCyiwen-1"></use>
              </svg>
              <div class="name">疑问-1</div>
              <div class="code-name">#FCyiwen-1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCzanting-3"></use>
              </svg>
              <div class="name">暂停-3</div>
              <div class="code-name">#FCzanting-3</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCzanting-2"></use>
              </svg>
              <div class="name">暂停-2</div>
              <div class="code-name">#FCzanting-2</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCjiahao-3"></use>
              </svg>
              <div class="name">加号-3</div>
              <div class="code-name">#FCjiahao-3</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCzhengque-1"></use>
              </svg>
              <div class="name">正确-1</div>
              <div class="code-name">#FCzhengque-1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCzhengque-5"></use>
              </svg>
              <div class="name">正确-5</div>
              <div class="code-name">#FCzhengque-5</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCshanchu"></use>
              </svg>
              <div class="name">删除</div>
              <div class="code-name">#FCshanchu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCpaixu"></use>
              </svg>
              <div class="name">排序</div>
              <div class="code-name">#FCpaixu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCyouduiqi"></use>
              </svg>
              <div class="name">右对齐</div>
              <div class="code-name">#FCyouduiqi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCzuoduiqi"></use>
              </svg>
              <div class="name">左对齐</div>
              <div class="code-name">#FCzuoduiqi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCbianji-2"></use>
              </svg>
              <div class="name">编辑-2</div>
              <div class="code-name">#FCbianji-2</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCsuoxiao"></use>
              </svg>
              <div class="name">缩小</div>
              <div class="code-name">#FCsuoxiao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCfuzhi"></use>
              </svg>
              <div class="name">复制</div>
              <div class="code-name">#FCfuzhi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCbianji"></use>
              </svg>
              <div class="name">编辑</div>
              <div class="code-name">#FCbianji</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCfangda"></use>
              </svg>
              <div class="name">放大</div>
              <div class="code-name">#FCfangda</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCshuaxin"></use>
              </svg>
              <div class="name">刷新</div>
              <div class="code-name">#FCshuaxin</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCjuzhong"></use>
              </svg>
              <div class="name">居中</div>
              <div class="code-name">#FCjuzhong</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCBMP"></use>
              </svg>
              <div class="name">BMP</div>
              <div class="code-name">#FCBMP</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCGIF"></use>
              </svg>
              <div class="name">GIF</div>
              <div class="code-name">#FCGIF</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCTIF"></use>
              </svg>
              <div class="name">TIF</div>
              <div class="code-name">#FCTIF</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCPDF"></use>
              </svg>
              <div class="name">PDF</div>
              <div class="code-name">#FCPDF</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCCAD"></use>
              </svg>
              <div class="name">CAD</div>
              <div class="code-name">#FCCAD</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCSVG"></use>
              </svg>
              <div class="name">SVG</div>
              <div class="code-name">#FCSVG</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCWORD"></use>
              </svg>
              <div class="name">WORD</div>
              <div class="code-name">#FCWORD</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCPPT"></use>
              </svg>
              <div class="name">PPT</div>
              <div class="code-name">#FCPPT</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCshipin"></use>
              </svg>
              <div class="name">视频</div>
              <div class="code-name">#FCshipin</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCtupian"></use>
              </svg>
              <div class="name">图片</div>
              <div class="code-name">#FCtupian</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCyinle"></use>
              </svg>
              <div class="name">音乐</div>
              <div class="code-name">#FCyinle</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCEXCEL"></use>
              </svg>
              <div class="name">EXCEL</div>
              <div class="code-name">#FCEXCEL</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#FCa-7Z"></use>
              </svg>
              <div class="name">7Z</div>
              <div class="code-name">#FCa-7Z</div>
            </li>
          </ul>
          <div class="article markdown">
            <h2 id="symbol-">Symbol 引用</h2>
            <hr />

            <p>
              这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a
                href=""
                >文章</a
              >
              这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：
            </p>
            <ul>
              <li>支持多色图标了，不再受单色限制。</li>
              <li>
                通过一些技巧，支持像字体那样，通过 <code>font-size</code>,
                <code>color</code> 来调整样式。
              </li>
              <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
              <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
            </ul>
            <p>使用步骤如下：</p>
            <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
            <pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
            <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
            <pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
            <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
            <pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
        </div>
      </div>
    </div>
    <script>
      $(document).ready(function () {
        $('.tab-container .content:first').show()

        $('#tabs li').click(function (e) {
          var tabContent = $('.tab-container .content')
          var index = $(this).index()

          if ($(this).hasClass('active')) {
            return
          } else {
            $('#tabs li').removeClass('active')
            $(this).addClass('active')

            tabContent.hide().eq(index).fadeIn()
          }
        })
      })
    </script>
  </body>
</html>
